<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../../../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/list.css"/>
		<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/bootstrap-table.min.css" rel="stylesheet">
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/bootstrap-table.min.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/locale/bootstrap-table-zh-CN.min.js"></script>

	</head>
	<body>
	<table id="user_list" class="tab tab-hover"></table>
			<script>
				$(function () {
					$("#user_list").bootstrapTable({
						url:"/user/list.do",//数据地址
						striped:true,//是否显示行的间隔
						pageNumber:1,//初始化加载第几页
						pagination:true,//是否分页
						sidePagination:'server',//谁进行分页
						pageSize:5,	//每页显示的数量
						pageList:[5,10,20],//可选择的每页显示数量列表
						showRefresh:true,	//是否显示刷新按钮
						queryParams:function (params) {//参数
							var temp = {
								offset:params.offset,
								pageNumber:params.limit
							};
							return temp;
						},
						//列的配置
						columns:[
							{
								title:"编号",//显示的文字
								field:"id",	//对应的字段
								sortable:false	//排序
							},
							{
								title:"昵称",//显示的文字
								field:"username",	//对应的字段
								sortable:false	//排序
							},
							{
								title:"手机号码",//显示的文字
								field:"userPhone",	//对应的字段
								sortable:false	//排序
							},
							{
								title:"密码",//显示的文字
								field:"password",	//对应的字段
								sortable:false	//排序
							},
							{
								title:"注册时间",//显示的文字
								field:"regTime",	//对应的字段
								sortable:false	//排序
							},
							{
								title:"上次登陆时间",//显示的文字
								field:"lastLoginTime",	//对应的字段
								sortable:false	//排序
							}
						]
					});
				});
			</script>

	</body>
</html>
